﻿/*
author:chenlijian;
design:guowenquan;
update:2015-08-12;
*/
html{overflow: auto;_overflow-x:hidden;}
body{overflow-x:hidden;overflow-y:auto;position: relative;width: 100%;min-width: 1100px;font:12px/1.5 tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p,table,input{margin:0;padding:0;font-weight: normal;}
table{width:auto;border-collapse: collapse;border-spacing: 0;}
li{list-style: none;vertical-align: bottom;}
em,i{font-style: normal;}
a{outline: none;text-decoration: none;transition: color .3s,opacity .3s,transform .3s;-webkit-transition: color .3s,opacity .3s,transform .3s;}
a:hover{outline: none;text-decoration: underline;}
img{border: 0;}
.hidden{display: none;}
.hide_txt{text-indent: -9999em;font-size: 0;line-height: 0;}
.clearfix:after{display:block;content:"";visibility:hidden;clear:both;height:0;}
.clearfix{zoom:1;}

.wrap{background: #fff;}
.wrapper{position: relative;}
.content{width:1100px;margin:0 auto;zoom:1;position: relative;}
.img_box{}
.img_box i{vertical-align: middle;display: inline-block;height: 100%;}
.img_box img{vertical-align: middle;}

/*index*/
.carousel_box{position: relative;height: 590px;}
.carousel_list{position: relative;height: 100%;}
.carousel_list li{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.carousel_list .carousel_img{position: absolute;width: 1920px;height: 100%;top: 0;left: 50%;margin-left: -960px;}
.carousel_list .content{height: 550px;top: 40px;}
.carousel_list .img_box{position: absolute;width: 50%;height: 100%;top: 0;left: 0;text-align: right;}
.carousel_list .img_box i{vertical-align: middle;display: inline-block;height: 100%;}
.carousel_list .img_box img{vertical-align: middle;}
.carousel_list .text_box{position: absolute;width: 50%;top: 0;left: 50%;padding: 190px 0 0 100px;}
.carousel_list .text_box{color:#fff;}
.carousel_list .text_box h2{font-size: 48px;font-weight: bold;line-height: 64px;}
.carousel_list .txt_brief{font-size: 24px;line-height: 40px;}
.carousel_list .btn_detail{display: block;margin-top: 30px;background: url('../images/btn_spr.png') no-repeat 0 -94px;width: 119px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color:#fff;position: relative;_text-indent: -8px;}
.carousel_list .btn_detail:hover{text-decoration: none;filter:alpha(opacity=92);opacity: 0.92;}
.carousel_list .btn_detail .arr{display: inline-block;+display: inline;+zoom: 1;background: url('../images/btn_spr.png') no-repeat -128px -94px;width: 4px;height: 8px;margin-left: 8px;position: relative;top: -1px;+top: -4px;_position: absolute;_top: 12px;_left: 81px;}
.carousel_control{position: absolute;width: 100%;bottom: 40px;left: 0;font-size: 0;line-height: 0;text-align: center;}
.carousel_control a{display: inline-block;+display: inline;+zoom: 1;margin: 0 5px;width: 10px;height: 10px;background: url('../images/btn_spr.png') no-repeat -32px -44px;}
.carousel_control a.cur,.carousel_control a:hover{background-position: -10px -44px;}
.carousel_box .btn_prev,.carousel_box .btn_next{position: absolute;top: 50%;width: 37px;height: 69px;background-image: url('../images/btn_spr.png');margin-top: -30px;}
.carousel_box .btn_prev{left: 50px;background-position: -170px 0;}
.carousel_box .btn_next{right: 50px;background-position: -224px 0;}

.main_area h4{font-size: 24px;line-height: 60px;color:#333;}
.main_area .btn_more{color:#999;position: absolute;right: 0;top: 8px;}

.product_box{position: relative;height: 390px;border-bottom: 1px solid #e9e9e9;+zoom: 1;}
.product_list{position: relative;overflow: hidden;height:100%;}
.product_list ul{position: absolute;width: 9999px;height: 100%;top: 0;left: 0;}
.product_list li{float: left;width: 366px;padding-top: 30px;text-align: center;color:#666;}
.product_list .img_box{height: 200px;}
.product_list h3{font-size: 30px;line-height: 42px;}
.product_list .txt_product{line-height: 20px;padding: 0 20px;min-height: 40px;max-height: 60px;position: relative;overflow: hidden;_height: 40px;}
.product_list .btn_download{display: block;margin: 12px auto 0;background: url('../images/btn_spr.png') no-repeat 0 0;width: 122px;height: 36px;line-height: 36px;font-size: 14px;color:#666;position: relative;_text-indent: -3px;transition: 0;-webkit-transition: 0;}
.product_list .btn_download .arr{display: inline-block;+display: inline;+zoom: 1;background: url('../images/btn_spr.png') no-repeat -138px -94px;width: 4px;height: 8px;margin-left: 5px;position: relative;top: -1px;+top: -4px;_position: absolute;_top: 13px;_left: 85px;cursor: pointer;}
.product_list .btn_download:hover{text-decoration: none;background-position: 0 -94px;color:#fff;+zoom: 1;}
.product_list .btn_download:hover .arr{background-position: -128px -112px;_width: 6px;}
.product_box .btn_prev,.product_box .btn_next{position: absolute;top: 50%;width: 55px;height: 55px;margin-top: -28px;background-image: url('../images/btn_spr.png');}
.product_box .btn_prev{left: -28px;background-position: -44px -38px;}
.product_box .btn_next{right: -28px;background-position: -108px -38px;}
.product_box .btn_prev:hover,.product_box .btn_next:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}

.news_box{padding-bottom: 40px;border-bottom: 1px solid #e9e9e9;+zoom: 1;}
.news_box .news_tt{padding-top: 8px;line-height: 60px;position: relative;}
.news_box .news_img{float: left;width: 693px;height: 318px;position: relative;}
.news_img img{display: block;width: 100%;height: 100%;}
.news_img .txt_news{position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;line-height: 30px;text-indent: 12px;font-size: 14px;color:#fff;background: rgba(0,0,0,.5);}
.news_img .txt_news .opc_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter:alpha(opacity=50);background: #000;}
.news_img .txt_news span{position: relative;z-index: 5;}
.news_box .news_list{float: right;width: 365px;height: 318px;position: relative;overflow: hidden;}
.news_list ul{position: relative;top: -30px;}
.news_box .news_list li{border-top: 1px solid #e9e9e9;position: relative;top: -1px;padding: 40px 0 33px 84px;+zoom: 1;}
.news_box .news_list li img{position: absolute;top: 30px;left: 0;width: 69px;height: 69px;}
.news_box .news_list .txt_news{height: 50px;position: relative;overflow: hidden;}
.news_box .news_list a{font-size: 18px;line-height: 25px;color:#333;}

.topic_box{position: relative;overflow: hidden;_height: 413px;padding-bottom: 72px;}
.topic_list{position: relative;left: -15px;width: 1500px;_position: absolute;top: 0;}
.topic_list li{float: left;width: 346px;margin: 0 15px;_display: inline;}
.topic_list .topic_tt{padding-top: 8px;line-height: 60px;position: relative;}
.topic_list .topic_img{height: 220px;position: relative;}
.topic_list .topic_img img{display: block;width: 100%;height: 100%;}
.topic_list .topic_link{padding-top: 8px;position: relative;overflow: hidden;}
.topic_list .txt_topic{line-height: 38px;position: relative;+zoom: 1;white-space: nowrap;border-bottom: 1px solid #e9e9e9;top: 1px;}
.topic_list .txt_topic a{font-size: 15px;color:#333;display: block;width: 261px;overflow: hidden;text-overflow: ellipsis;}
.topic_list .txt_topic a:hover{color:#00a7ea;}
.topic_list .txt_time{color:#999;position: absolute;top: 0;right: 0;}
.topic_list .txt_xunsu{position: absolute;top: 5px;left: 8px;line-height: 18px;color:#fff;}
.topic_list .speed_list li{position: absolute;color:#fff;padding-left: 18px;line-height: 14px;}
.topic_list .speed_list .round{position: absolute;top: 0;left: 0;background: url('../images/btn_spr.png') no-repeat -152px -92px;width: 14px;height: 14px;}
.topic_list .speed_list li p{position: absolute;}

.carousel_list .btn_detail:hover .arr,.product_list .btn_download:hover .arr{
	animation: arr_effect 2s linear both infinite;
	-webkit-animation: arr_effect 2s linear both infinite;
} 
@keyframes arr_effect{
	0%{transform: translate(0,0);}
	25%{transform: translate(-2px,0);}
	75%{transform: translate(2px,0);}
	100%{transform: translate(0,0);}
}
@-webkit-keyframes arr_effect{
	0%{-webkit-transform: translate(0,0);}
	25%{-webkit-transform: translate(-2px,0);}
	75%{-webkit-transform: translate(2px,0);}
	100%{-webkit-transform: translate(0,0);}
}

.carousel_list .show .img_box{
	animation: c_img_effect .5s both;
	-webkit-animation: c_img_effect .5s both;
} 
@keyframes c_img_effect{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes c_img_effect{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.carousel_list .show .text_box{
	animation: c_text_effect .5s .5s both;
	-webkit-animation: c_text_effect .5s .5s both;
} 
@keyframes c_text_effect{
	0%{transform: translate(0,-15px);opacity: 0;}
	100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes c_text_effect{
	0%{-webkit-transform: translate(0,-15px);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}

.product_list li:hover .img_box{
	animation: bounce .8s ease both;
	-webkit-animation: bounce .8s ease both;
}
@keyframes bounce{
	0%,20%,50%,80%,100%{transform:translateY(0)}
	40%{transform:translateY(-30px)}
	60%{transform:translateY(-15px)}
}
@-webkit-keyframes bounce{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
	40%{-webkit-transform:translateY(-30px)}
	60%{-webkit-transform:translateY(-15px)}
}
/*index end*/

/*sub page*/
.sub_page{padding: 70px 0 10px;}
.sub_page .banner_box{height: 260px;position: relative;}
.sub_page .banner_box img{position: absolute;width: 1920px;height: 100%;top: 0;left: 50%;margin-left: -960px;}
.sub_page .content{padding-top: 10px;}
.sub_page .nav_box{position: absolute;top: 48px;right: 0;color:#666;}
.sub_page .nav_box a{color:#666;padding: 0 4px;}
.sub_page .sub_title{font-size: 24px;color:#333;padding: 30px 0;line-height: 24px;}
/*sub page end*/

/*news*/
.news_area .banner_box{height: 250px;}

.news_area .share_box{position: absolute;top: 47px;right: 0;}
.news_area .txt_share{color:#666;}
.news_area .txt_share a{display: inline-block;width: 19px;height: 17px;margin: 0 5px;background-image: url('../images/ico_share.png');position: relative;top: -13px;+top: 4px;}
.news_area .txt_share .wechat{background-position: 0 0;}
.news_area .txt_share .sina{background-position: -30px 0;;}
.news_area .txt_share .qzone{background-position: -57px 0;}
.news_area .txt_share .code{position: absolute;top: 100%;left: -9999px;margin-left: -90px;width: 180px;height: 180px;opacity: 0;transition: opacity .4s;-webkit-transition: opacity .4s;}
.news_area .txt_share .wechat:hover .code{left: 50%;opacity: 1;}

.news_area .news_list{padding-bottom: 10px;}
.news_area .news_list li{padding: 20px 0;border-top: 1px solid #e9e9e9;position: relative;+zoom: 1;}
.news_area .news_list h3{font-size: 24px;line-height: 44px;font-weight: normal;}
.news_area .news_list h3 a{color:#333;}
.news_area .news_list h3 a:hover{color:#00a7ea;}
.news_area .news_list .txt_news{font-size: 15px;line-height: 25px;color:#666;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 80px;+width: 950px;}
.news_area .news_list .txt_time{position: absolute;color:#999;bottom: 24px;right: 0;line-height: 14px;}

.news_detail {padding-bottom: 80px;}
.news_detail h3{font-size: 24px;line-height: 24px;font-weight: normal;color:#333;padding: 30px 0 20px;}
.news_detail .txt_news{font-size: 15px;line-height: 30px;color:#333;margin-top: 20px;text-indent: 32px;}
.news_detail .news_img{display: block;max-width: 90%;_width: 90%;margin: 20px auto 0;}

.page_controler{font-size: 0;line-height: 0;text-align: center;padding-bottom: 25px;}
.page_controler a{display: inline-block;+display: inline;+zoom: 1;margin: 0 15px;background: url('../images/btn_spr.png') no-repeat -180px -132px;width: 33px;height: 34px;line-height: 32px;font-size: 14px;color:#666;}
.page_controler a:hover,.page_controler a.on{text-decoration: none;background-position: -220px -132px;color:#fff;}
.page_controler a.prev,.page_controler a.next{background-position: 0 -132px;width: 83px;}
.page_controler a.prev:hover,.page_controler a.next:hover,.page_controler a.pn_on{background-position: -88px -132px;color:#fff;}
/*news end*/

/*history*/
.history_box{position: relative;}
.history_box .ico_line{position: absolute;background: url('../images/ico_line.png') no-repeat 0 0;width: 945px;height: 277px;top: 79px;left: 87px;}
.history_list{position: relative;height: 510px;}
.history_list li{position: absolute;width: 2px;bottom: 90px;background: #c4e7fe;white-space: nowrap;text-align: center;}
.history_list .txt_time{position: absolute;width: 170px;bottom: -42px;left: 50%;margin-left: -85px;font-size: 16px;line-height: 20px;color:#383838;}
.history_list .txt_event{position: absolute;width: 170px;bottom: 100%;left: 50%;margin: 0 0 30px -85px;font-size: 18px;line-height: 24px;color:#009cff;}
.history_list .round{position: absolute;background: url('../images/btn_spr.png') no-repeat -170px -92px;width: 18px;height: 18px;bottom: -39px;left: 50%;margin-left: -9px;}

.history_list li{
	animation:hi_li .4s linear both;
	-webkit-animation:hi_li .4s linear both;
}
@keyframes hi_li{
	0%{height: 0;}
}
@-webkit-keyframes hi_li{
	0%{height: 0;}
}
.history_list li:nth-child(1) .txt_event{
	animation: hi_event .3s .4s linear both;
	-webkit-animation: hi_event .3s .4s linear both;
}
.history_list li:nth-child(2) .txt_event{
	animation: hi_event .3s .5s linear both;
	-webkit-animation: hi_event .3s .5s linear both;
}
.history_list li:nth-child(3) .txt_event{
	animation: hi_event .3s .6s linear both;
	-webkit-animation: hi_event .3s .6s linear both;
}
.history_list li:nth-child(4) .txt_event{
	animation: hi_event .3s .7s linear both;
	-webkit-animation: hi_event .3s .7s linear both;
}
.history_list li:nth-child(5) .txt_event{
	animation: hi_event .3s .8s linear both;
	-webkit-animation: hi_event .3s .8s linear both;
}
.history_list li:nth-child(6) .txt_event{
	animation: hi_event .3s .9s linear both;
	-webkit-animation: hi_event .3s .9s linear both;
}
.history_list li:nth-child(7) .txt_event{
	animation: hi_event .3s 1s linear both;
	-webkit-animation: hi_event .3s 1s linear both;
}
@keyframes hi_event{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes hi_event{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.history_box .ico_line{
	animation: hi_line .8s .4s linear both;
	-webkit-animation: hi_line .8s .4s linear both;
}
@keyframes hi_line{
	0%{width: 0;}
}
@-webkit-keyframes hi_line{
	0%{width: 0;}
}
/*history end*/

/*brief*/
.brief_area .txt_brief{font-size: 15px;line-height: 30px;color:#333;padding-bottom: 20px;text-indent: 30px;}
.brief_area .brief_box img{display: block;max-width: 90%;_width: 90%;margin: 20px auto 0;}
/*brief end*/

/*honor*/
.honor_list{font-size: 15px;color:#333;line-height: 20px;padding-bottom: 20px;}
.honor_list li{float: left;width: 33%;height: 50px;}
/*honor end*/

/*manager*/
.manager_area .sub_title{padding-bottom: 0;}
.manager_list{position: relative;overflow: hidden;+zoom: 1;}
.manager_list ul{position: relative;top: -1px;}
.manager_list li{padding: 30px 0 30px 162px;position: relative;+zoom: 1;min-height: 146px;_height: 146px;border-top: 1px solid #e9e9e9;}
.manager_list img{position: absolute;top: 30px;left: 0;width: 126px;height: 145px;}
.manager_list h3{font-size: 16px;line-height: 18px;font-weight: normal;color:#333;}
.manager_list .txt_manager{font-size: 14px;line-height: 30px;color:#666;padding-top: 16px;}
/*manager end*/

/*contact*/
.contact_area .sub_title{padding-bottom: 20px;}
.contact_us{border-bottom: 1px solid #e9e9e9}
.contact_feed{line-height: 32px;float: left;width: 33%;padding-bottom: 14px;}
.contact_feed dt{font-size: 16px;color:#333;}
.contact_feed dd{font-size: 14px;color:#666;}
.contact_feed a{color:#666;}
.contact_us .contact_feed{min-height: 128px;_height: 128px;}
.contact_xnet{padding-bottom: 20px;}
.contact_xnet .contact_feed dd{font-size: 13px;_font-size: 12px;}
/*contact end*/